<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>应用</title>
	<link rel="stylesheet" href="__CDN__/assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/css/index.css">
    <link rel="stylesheet" href="__CDN__/assets/css/swiper.min.css">
	<script src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
	<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
</head>
<body>
      <div class="app_heard">
      	 <p>应用</p>
      </div>

      <!-- 应用入口列表 -->
      <div class="app_nav">
      	<div class="container-fluid">
		<div class="row">
			<a href="">
			<div class="col-xs-4 app_nav_one">
				<img src="__CDN__/assets/img/bikebi/shoujichongzhi.png" >
		        <p>手机充值</p>
			</div>
		    </a>
		    <a href="">
			<div class="col-xs-4 app_nav_one">
				<img src="__CDN__/assets/img/bikebi/lipinduihuan.png" >
		        <p>礼品兑换</p>
			</div>
	     	</a>
	     	<a href="">
			<div class="col-xs-4 app_nav_one">
				<img src="__CDN__/assets/img/bikebi/youkachongzhi.png" >
	           	<p>油卡充值</p>
			</div>
		    </a>
		  </div>

		  <div class="row app_nav_down">
		  	<a href="">
			<div class="col-xs-4 app_nav_one">
				<img src="__CDN__/assets/img/bikebi/app_jiaoyi.png" >
		        <p>交易</p>
			</div>
		    </a>
		    <a href="">
			<div class="col-xs-4 app_nav_one">
				<img src="__CDN__/assets/img/bikebi/qukuaijiaoyi.png" >
		        <p>区块交易</p>
			</div>
		    </a>
		    <a href="">
			<div class="col-xs-4 app_nav_one">
				<img src="__CDN__/assets/img/bikebi/seemore.png" >
	           	<p>敬请期待</p>
			</div>
		    </a>
		  </div>
		</div>
      </div>

     <!-- 图片 -->
     <div class="app_mid_img">
     <div class="swiper-container">
       <div class="swiper-wrapper">
      <div class="swiper-slide"><a href=""><img src="__CDN__/assets/img/bikebi/app_banner_01.png" class="img-responsive"></a></div>      
      <div class="swiper-slide"><a href=""><img src="__CDN__/assets/img/bikebi/app_banner_02.png" class="img-responsive"></a></div>   
      <div class="swiper-slide"> <a href=""><img src="__CDN__/assets/img/bikebi/app_banner_03.png" class="img-responsive"> </a></div>    
     </div>
     </div>
     </div>

     <!-- 底部导航栏 -->
<!-- <div class="footer">
	<div class="container-fluid">
	<div class="row">
		<a href="{:url('index/index')}">
		<div class="col-xs-3"> 
			<img src="__CDN__/assets/img/bikebi/shouye2.png">
		    <p>首页</p> 
		</div>
	    </a>
	    <a href="{:url('index/user/jiaoyi')}">
		<div class="col-xs-3"> 
			 <img src="__CDN__/assets/img/bikebi/jiaoyi2.png">
		     <p>交易</p>
		</div>
	    </a>
	    <a href="{:url('index/apply/index')}">
		<div class="col-xs-3"> 
			 <img src="__CDN__/assets/img/bikebi/app.png">
		     <p style="color: #1C86EE;">应用</p>
		</div>
	    </a>
	    <a href="{:url('index/user/index')}">
		<div class="col-xs-3"> 
			 <img src="__CDN__/assets/img/bikebi/mine2.png">
	     	<p>我的</p>
		</div>
	    </a>
	</div>
    </div>
</div> -->
{include file="common/footer"}

<script src="__CDN__/assets/js/swiper.min.js"></script>

  <!-- Initialize Swiper -->
 <script>
    var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  </script>
</body>
</html>